﻿<%@ Page Title="Hình thức đào tạo" Language="C#" MasterPageFile="~/Views/MasterPageViews.master"
    AutoEventWireup="true" CodeFile="TypeOfTrainnings.aspx.cs" Inherits="Views_TypeOfTrainnings" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<asp:Content ID="ContentHeader" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="ContentChange" ContentPlaceHolderID="ContentPlaceHolderChange" runat="Server">
    <h3 class="header-title">
        <ext:Label StyleHtmlCls="lable-message" StyleHtmlContent="true" ID="lblHeader" runat="server"
            Text="Hình thức đào tạo" Icon="ApplicationOsxCascade" />
    </h3>
    <div class="content-sub">
        <ext:Toolbar ID="ToolbarFunctions" runat="server">
            <Items>
                <ext:Button ID="btnToobarAdd" runat="server" Text="Thêm mới" Icon="Add" OnDirectClick="btnToobarAdd_DirectClick">
                    <Listeners>
                        <Click Handler="#{FormPanelAddTrainnings}.getForm().reset(); " />
                    </Listeners>
                </ext:Button>
                <ext:Button ID="btnToobarUpdate" runat="server" Text="Chỉnh sửa" Icon="Pencil" OnDirectClick="btnToobarUpdate_DirectClick" />
                <ext:Button ID="btnToobarDelete" runat="server" Text="Xóa" Icon="Delete" OnDirectClick="btnToobarDelete_DirectClick" />
                <ext:Button ID="btnToobarHelp" runat="server" Text="Hỗ trợ" Icon="Help" />
            </Items>
        </ext:Toolbar>
        <ext:Store ID="StoreTrainnings" runat="server" OnReadData="StoreTrainnings_ReadData"
            PageSize="10">
            <Model>
                <ext:Model ID="ModelTrainnings" runat="server" IDProperty="TrainID">
                    <Fields>
                        <ext:ModelField Name="TrainID" />
                        <ext:ModelField Name="NameOfTrain" />
                        <ext:ModelField Name="Descriptons" />
                        <ext:ModelField Name="StatusOfTrain" />
                    </Fields>
                </ext:Model>
            </Model>
        </ext:Store>
        <!--Content data-->
        <ext:GridPanel ID="gridPanelTrainnings" runat="server" StoreID="StoreTrainnings"
            Height="300" Title="Danh sách hình thức đào tạo">
            <ColumnModel ID="ColumnModelTrainnings" runat="server">
                <Columns>
                    <ext:Column ID="Col_TrainID" runat="server" Text="ID" DataIndex="TrainID" />
                    <ext:Column ID="Col_NameOfTrain" runat="server" Text="Tên hình thức đào tạo" Width="130"
                        DataIndex="NameOfTrain" />
                    <ext:Column ID="Col_Descriptons" runat="server" Text="Mô tả" DataIndex="Descriptons"
                        Flex="1" />
                    <ext:CheckColumn ID="Col_StatusOfTrain" runat="server" Text="Trạng thái" DataIndex="StatusOfTrain" />
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:RowSelectionModel ID="RowSelectionModelTrainnings" runat="server" Mode="Single">
                    <DirectEvents>
                        <Select OnEvent="RowSelected" Buffer="250" />
                    </DirectEvents>
                </ext:RowSelectionModel>
            </SelectionModel>
            <BottomBar>
                <ext:PagingToolbar ID="PagingToolbarTrainnings" runat="server" StoreID="StoreTrainnings"
                    AfterPageText="của {0}" BeforePageText="Trang" DisplayMsg="Hiển thị bản ghi {0} - {1} của {2}"
                    EmptyMsg="Chưa có dữ liệu" FirstText="Trang đầu tiên" LastText="Trang cuối cùng"
                    NextText="Trang kế tiếp" PrevText="Trang trước" RefreshText="Làm mới" />
            </BottomBar>
        </ext:GridPanel>
    </div>
    <!-- Cửa sổ popup thêm mới hình thức đào tạo -->
    <ext:Window ID="windowAddTrainnings" runat="server" Title="Thêm mới hình thức đào tạo"
        Icon="Add" Width="380" Height="240" Modal="true" ShadowMode="Drop" Hidden="true"
        Collapsible="true" Resizable="false" BodyStyle="background-color: #fff;">
        <Content>
            <ext:FormPanel runat="server" ID="FormPanelAddTrainnings" Unstyled="True" Height="200">
                <Items>
                    <ext:Container ID="Container1" runat="server">
                        <Items>
                            <ext:Toolbar ID="ToolbarAddTrainnings" runat="server">
                                <Items>
                                    <ext:Button ID="btnAdd" runat="server" Text="Lưu lại" Icon="DiskBlack">
                                        <Listeners>
                                            <Click Handler="if(#{FormPanelAddTrainnings}.getForm().isValid()) {App.direct.AddTrainnings_DirectClick();}" />
                                        </Listeners>
                                    </ext:Button>
                                    <ext:Button ID="btnAddReset" runat="server" Text="Làm mới" Icon="RewindBlue" OnDirectClick="btnAddReset_DirectClick" >
                                        <Listeners>
                                            <Click Handler="#{FormPanelAddTrainnings}.getForm().reset();" />
                                        </Listeners>
                                    </ext:Button>
                                    <ext:Button ID="btnAddCancel" runat="server" Text="Hủy bỏ" Icon="Delete">
                                        <Listeners>
                                            <Click Handler="#{windowAddTrainnings}.close();" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                            <ext:Container runat="server" ID="container4" MarginSpec="10 5 10 5">
                                <Items>
                                    <ext:Label ID="lblFormAddMsg" runat="server" StyleSpec="color:red;font-weight:bold" />
                                </Items>
                            </ext:Container>
                            <ext:Container runat="server" ID="container5" MarginSpec="10 0 10 5">
                                <Items>
                                    <ext:TextField ID="txtFormAddNameOfTrain" runat="server" FieldLabel="Tên hình thức đào tạo"
                                        Width="350" LabelWidth="140" BlankText="Tên hình thức đào tạo không được để trống"
                                        AllowBlank="false" />
                                    <ext:TextArea ID="txtFormAddDescriptons" runat="server" FieldLabel="Mô tả" Width="350"
                                        LabelWidth="140" BlankText="Mô tả không được để trống" AllowBlank="false" />
                                    <ext:Checkbox ID="chkFormAddStatusOfTrain" runat="server" FieldLabel="Trạng thái"
                                        BoxLabel="Cho phép hoạt động" LabelWidth="140" />
                                </Items>
                            </ext:Container>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>
    <%--End--%>
    <%--cữa sổ popup cập nhật hình thức đào tạo--%>
    <ext:Window ID="windowUpdateTrainn" runat="server" Title="Cập nhật hình thức đào tạo"
        Icon="Add" Width="360" Height="250" Modal="true" ShadowMode="Drop" Hidden="true"
        Collapsible="true" Resizable="false" BodyStyle="background-color: #fff;">
        <Content>
            <ext:FormPanel runat="server" ID="FormPanelUpdate" Unstyled="True" Height="200">
                <Items>
                    <ext:Container ID="Container2" runat="server">
                        <Items>
                            <ext:Toolbar ID="ToolbarUpdateTrainnings" runat="server">
                                <Items>
                                    <ext:Button ID="btnUpdate" runat="server" Text="Lưu lại" Icon="DiskBlack">
                                        <Listeners>
                                            <Click Handler="if(#{FormPanelUpdate}.getForm().isValid()) {App.direct.UpdateTrainnings_DirectClick();}" />
                                        </Listeners>
                                    </ext:Button>
                                    <ext:Button ID="btnUpdateCancel" runat="server" Text="Hủy bỏ" Icon="Delete">
                                        <Listeners>
                                            <Click Handler="#{windowUpdateTrainn}.close();" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                            <ext:Container runat="server" ID="container11" MarginSpec="10 5 10 5">
                                <Items>
                                    <ext:Label ID="lblFormUpdateMsg" runat="server" StyleSpec="color:red;font-weight:bold" />
                                </Items>
                            </ext:Container>
                            <ext:Container runat="server" ID="container3" MarginSpec="10 5 10 5">
                                <Items>
                                    <ext:TextField ID="txtFormUpdateNameOfTrain" runat="server" FieldLabel="Tên hình thức đào tạo"
                                        Width="330" LabelWidth="140" BlankText="Tên hình thức đào tạo không được để trống"
                                        AllowBlank="false" />
                                    <ext:TextArea ID="txtFormUpdateDescriptions" runat="server" FieldLabel="Mô tả" Width="330"
                                        LabelWidth="140" BlankText="Mô tả không được để trống" AllowBlank="false" />
                                    <ext:Checkbox ID="chkFormUpdateStatustOfTrain" runat="server" FieldLabel="Trạng thái"
                                        BoxLabel="Cho phép hoạt động" LabelWidth="140" />
                                </Items>
                            </ext:Container>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>
    <%--End--%>
    <%--Hiển thị chi tiết hình thức đào tạo--%>
    <div class="view-info-record">
        <h3 class="header-title">
            <ext:Label ID="lblHeaderViewInfomations" StyleHtmlCls="lable-message" StyleHtmlContent="true"
                runat="server" Text="Hiển thị thông tin" Icon="Information" />
        </h3>
        <div class="content-info">
            <table>
                <tr>
                    <td class="with-td-view-info">
                        ID:
                    </td>
                    <td>
                        <ext:Label ID="lblViewTrainID" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">
                        Tên hình thức đào tạo:
                    </td>
                    <td>
                        <ext:Label ID="lblViewNameOfTrain" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">
                        Mô tả:
                    </td>
                    <td>
                        <ext:Label ID="lblViewDescriptons" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">
                        Trạng thái:
                    </td>
                    <td>
                        <ext:Checkbox ID="chkViewStatusOfTrain" runat="server" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
</asp:Content>
